<!-- 稽查任务进展 -->
<template>


    <!-- 中间侧的盒子 -->
    <el-main>
        <div class="From">
            <el-form :inline="true" :model="formInline" class="demo-form-inline">
                <el-form-item label="稽查类型:">
                    <el-select v-model="formInline.type" placeholder="选择稽查类型">
                    <el-option label="倒卡车逃费" value="type_1"></el-option>
                    <el-option label="伪卡车" value="type_2"></el-option>
                    <el-option label="车卡不符" value="type_3"></el-option>
                    <el-option label="车签位移" value="type_4"></el-option>
                    <el-option label="一车多签" value="type_5"></el-option>
                    <el-option label="车型不符" value="type_6"></el-option>
                    <el-option label="冒牌车逃费" value="type_7"></el-option>
                    <el-option label="U型逃费" value="type_8"></el-option>
                    <el-option label="J型逃费" value="type_9"></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="稽查时间范围:">
                    <el-col :span="11">
                    <el-date-picker type="date" placeholder="选择日期" v-model="formInline.date1" style="width: 100%;"></el-date-picker>
                    </el-col>
                    <el-col class="line" :span="1">--</el-col>
                    <el-col :span="11">
                    <el-date-picker type="date" placeholder="选择日期" v-model="formInline.date2" style="width: 100%;"></el-date-picker>
                    </el-col>
                </el-form-item>
                <el-form-item>
                    <el-button type="primary" @click="onSubmit">查询</el-button>
                </el-form-item>
            </el-form>
        </div>
        <div class="Table">
            <el-table
                :data= "tableData"
                stripe
                style="width: 100%">
                <el-table-column
                prop="TaskId"
                label="任务编号"
                width="100">
                </el-table-column>
                <el-table-column
                prop="TaskName"
                label="任务名称"
                >
                </el-table-column>
                <el-table-column
                prop="InspectorId"
                label="稽查员编号"
                >
                </el-table-column>
                <el-table-column
                prop="InspectorObj"
                label="稽查对象"
                >
                </el-table-column>
                <el-table-column
                prop="TaskTime"
                label="任务发起时间"
                >
                </el-table-column>
                <el-table-column
                prop="TaskStatus"
                label="任务状态"
                >
                </el-table-column>
            </el-table>
        </div>
    </el-main>
        
      
</template>

<script>
  export default {
    data() {
        return {
          tableData: [{
          TaskId: '1',
          TaskName: '车主自主申诉稽查',
          InspectorId: 'J0001',
          InspectorObj: '京A123456',
          TaskTime: '2020/01/01',
          TaskStatus: 'Delete Update',
        },{
          TaskId: '2',
          TaskName: '系统检测异常稽查',
          InspectorId: 'J0001',
          InspectorObj: '京A123456',
          TaskTime: '2020/01/01',
          TaskStatus: 'Delete Update',
        },{
          TaskId: '3',
          TaskName: '车主自主申诉稽查',
          InspectorId: 'J0001',
          InspectorObj: '京A123456',
          TaskTime: '2020/01/01',
          TaskStatus: 'Delete Update',
        },{
          TaskId: '4',
          TaskName: '黑名单稽查',
          InspectorId: 'J0001',
          InspectorObj: '京A123456',
          TaskTime: '2020/01/01',
          TaskStatus: 'Delete Update',
        }],
        formInline: {
          user: '',
          region: ''
        }
        }
    },
    methods: {
      handleOpen(key, keyPath) {
        console.log(key, keyPath);
      },
      handleClose(key, keyPath) {
        console.log(key, keyPath);
      },
    }
  }
</script>